<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>登陆页面</title>
	<link rel="stylesheet" href="./css/index.css">
	<link type="text/css" rel="stylesheet" href="/layui/css/layui.css"/>
	<script type="text/javascript" src="/js/jquery-3.5.1.js"></script>
	<script type="text/javascript" src="/layui/layui.js"></script>


	<script type="text/javascript" src="/js/login.js"></script>
</head>

<style>
	* {
		margin: 0;
		padding: 0;
		font-family: "微软雅黑";
	}
</style>
<body>
<div id="box-perspective">
	<div id="box-preserve-3d">
		<div class="ball-center-x"></div>
		<div class="ball-center-x-one"></div>
		<div class="ball-center-x-two"></div>
		<div class="ball-center-x-three"></div>
		<div class="ball-center-x-four"></div>
		<div class="ball-center-x-five"></div>
		<div class="ball-center-y"></div>
		<div class="ball-center-y-one"></div>
		<div class="ball-center-y-two"></div>
		<div class="ball-center-y-three"></div>
		<div class="ball-center-y-four"></div>
		<div class="ball-center-y-five"></div>
		<div id="top">系</div>
		<div id="bottom">统</div>
		<div id="left">用</div>
		<div id="right">迎</div>
		<div id="front">欢</div>
		<div id="back">使</div>
	</div>
</div>

<div class="loginbox">
	<div>
		<fieldset class="layui-elem-field layui-field-title">
			<div style=" text-align: center;"><span>欢迎登录！</span></div>
		</fieldset>
		<form class="layui-form layui-form-pane" action="/loginVerify.admin" method="post">
<!--		<form class="layui-form layui-form-pane" >-->
			<div class="layui-form-item">
				<label class="layui-form-label">用户账号:</label>
				<div class="layui-input-inline">
					<input type="username" name="username" required="required" lay-verify="username" placeholder="请输入账号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入账号'" autocomplete="off" class="layui-input">
				</div>
				<i class="layui-icon layui-icon-user" style="font-size: 30px; color: #1E9FFF;"></i>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">用户密码:</label>
				<div class="layui-input-inline">
					<input type="password" name="password" required="required" lay-verify="password" placeholder="请输入密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入密码'" autocomplete="off" class="layui-input">
				</div>
				<i class="layui-icon layui-icon-password" style="font-size: 30px; color: #1E9FFF;"></i>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">验证码:</label>
				<div class="layui-input-inline">
					<input type="text" name="captcha" placeholder="输入验证码" class="layui-input">
				</div>
				<a href="javascript:refresh()"><img id="imgCheck" width="70px" height="35px" style="border: 1px solid #4444" src="/textBufferedImage?time=1"  title="点击刷新" alt="验证码" /></a>
				<br><a href="javascript:refresh()">看不清，换一张</a>
			</div>

			<div class="layui-form-item">

				<div class="layui-input-inline">
					<label class="layui-form-label"></label>
						</div>
				<i class="layui-icon layui-icon-password" style="font-size: 30px; color: #1E9FFF;"></i>
			</div>
			<div class="layui-form-item">
				<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="formsubmit" id="sub">立即登录</button>
			</div>

		</form>
		<p style="padding: 10px; ">
			<a style="float: left;" href="#">立即注册?</a>
			<a style="float: right;" href="#">忘记密码?</a>
		</p>
	</div>
</div>
</body>
<script src="/js/jquery-3.5.1.js"></script>

<script>

	function refresh() {
		document.getElementById("imgCheck").src="/textBufferedImage?time="+new Date().getTime();
	}
	$(function (){
		$("#sub").click(function (){

		})
	})






</script>



</html>